<template>
	<scroll-view class="page" ref="scrollView" scroll-y="true" :scroll-top="scrollTop" >
	   <view class="step b-bg">
			<view class="btn-go btn-go" @tap="goIndex"></view>
			<view class="btn-go btn-go3" @tap="goShowBook"></view>
			<view class="middleBox">
			  <view class="title">
				  报名信息已提交
			  </view>
			  <view class="title2">
				  参赛信息
			  </view>
			  <view class="dlwrap">
				  <view class="dl">
					  <view class="dt">地区:</view>
					  <view class="dd">{{obj.province_name}}</view>
				  </view>
				  <view class="dl">
					  <view class="dt">学校/单位:</view>
					  <view class="dd">{{obj.company}}</view>
				  </view>
				  <view class="dl">
					  <view class="dt">姓名:</view>
					  <view class="dd">{{obj.nickname}}</view>
				  </view>
				  <view class="dl">
					  <view class="dt">手机号:</view>
					  <view class="dd">{{obj.mobile}}</view>
				  </view>
				  <view class="dl">
					  <view class="dt">邮箱:</view>
					  <view class="dd">{{obj.email}}</view>
				  </view>
			  </view>
			
			  <view class="btnBox">
				  <view class="btn" @tap="goSinUpEditor" v-show="button_type == 5">
				  			修改报名信息
					</view>
					<view class="btn" @tap="goUp" v-show="button_type == 3 || button_type == 5">
						上传作品
					</view>
					
					<view class="btn disable" v-show="button_type == 4">
						 已完成上传
					</view>
			  </view>
			  <view class="tip">
				  提示：上传作品后不可再修改报名信息
			  </view>
			</view>
		</view>
		<loginD ref='loginx'></loginD>
	</scroll-view>
</template>

<script>
	import mixin from '../../util/mixin.js';
	import BASE_URL from '../../util/path.js';
	export default {
		mixins:[mixin],
		data() {
			return {
				scrollTop:0,
				obj:{
					company:'',
					email:'',
					nickname:'',
					mobile:'',
					province_name:''
				}
			};
		},
		onShow() {
			
		},
		onLoad() {
			this.getUserInfo().then((res)=> {
				// console.log(obj);
				this.obj = res
			});
		},
		computed: {
			
		},
		methods: {
			goSinUpEditor() {
				uni.navigateTo({
					url:'/pages/sigUP/sigUP?type=edit'
				})
			},
		}
	}
</script>

<style lang="scss">
  .page {
	  width: 100%;
	  height: 100vh;
	  overflow-y: auto;
	 
  }
  
  .formbox {
	  padding: 34rpx;
  }
  
  .goSept {
	  height: 100rpx;
	  background-color: #f1e1d2;
	  color:#f4563c;
	  line-height: 100rpx;
	  padding-left: 46rpx;
	  font-size: 30rpx;
  }
    .btnWrap {
		padding-top: 136rpx;
		display: flex;
		justify-content: center;
		.btnBox {
			@include bottomBtn
		}
	}
  
    .btnBox {
		display: flex;
		padding-top: 50rpx;
		margin-bottom: 10rpx;
		.btn {
			width: 260rpx;
			height: 80rpx;
			font-size: 32rpx !important;
			@include botton-n();
		}
	}
    .tip {
		color:#cccccc;
		font-size: 28rpx;
		text-align: center;
	}
  .step {
	  width: 100%;
	  min-height: 100%;
	  position: relative;
	  padding-top: 580rpx;
	  padding-left: 35rpx;
	  // padding-right: 360rpx;
	  box-sizing: border-box;
  }
  
  
	  
  .b-bg {
	  width: 100%;
	  height: 1700rpx;
	  background-image: url('@/static/img/editor.jpg');
	  background-size: 100% auto;
	  background-position: 0 0;
	  background-repeat: no-repeat;
  }
  
  .middleBox {
	  margin-left: 25rpx;
	  // height: 366rpx;
	  overflow: hidden;
	  width: 640rpx;
	  background-color: #fffffc;
	  // background-image: url('/static/img/kuang.png');
	  background-repeat: no-repeat;
	  background-position:0 bottom;
	  background-size: 704.9998rpx auto;
	  padding-left: 7rpx;
	  .title {
		  color:#f38a42;
		  font-size: 29rpx;
		  margin-bottom: 14rpx;
	  }
	  .title2 {
		  font-size: 32rpx;
		  font-weight: bold;
		  margin-bottom: 26rpx;
	  }
	  .dl {
		  overflow: hidden;
		  margin-bottom: 20rpx;
		  .dt {
			  float: left;
			  width: 170rpx;
		  }
		  .dd {
			  float: left;
			   width: 430rpx;
		  }
	  }
  }
  .item {
	  float: left;
	  width: 184rpx;
	  height: 135rpx;
	  background: #f8f4eb;
	  border-radius: 10rpx;
	  margin-left: 34rpx;
	  margin-bottom: 34rpx;
	  font-size: 30rpx;
	  @include center();
	  &.active {
		  color:#eaa057;
		  border:2px solid #eaa057;
	  }
  }
	  
  
  .inputs {
	  .title {
		  margin-bottom: 26rpx;
		  font-weight: bold;
	  }
	  .bottomBtn {
		  
		  @include bottomBtn
	  }
  }
  
  
  .formbox {
	  padding: 34rpx;
	  .groups {
	  	  background-color: #fff;
		  border-radius: 16rpx;
		  padding: 26rpx;
		  margin-bottom: 30rpx;
		  .title {
			  font-size: 30rpx;
			  margin-bottom: 23rpx;
			  font-weight: bold;
		  }
		  .tags{
			  display: flex;
			  .tag {
				  width: 194rpx;
				  height: 68rpx;
				  border-radius: 12rpx;
				  background-color: #f1e1d2;
				  color:#fff;
				  margin-right: 30rpx;
				  font-size: 28rpx;
				  &.active {
					  background-color: #eaa057;
					  color:#fff;
				  }
				  @include center();
			  }
		  }
	  }
  }
  
</style>
